<template>
	<div id="app">
		<router-view />
	</div>
</template>

<style lang="scss">
	#app {
		 font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color: #2c3e50;
	}

	.section-panel {
		padding: 10px;
		background-color: #fff;
		border-radius: 5px;
	}

	.m5 {
		margin: 5px;
	}

	.mb5 {
		margin-bottom: 5px;
	}
	.mt5 {
		margin-top: 5px;
	}

	.m10 {
		margin: 10px;
	}
	.mt10 {
		margin-top: 10px;
	}

	.p5 {
		padding: 5px;
	}

	.p10 {
		padding: 10px;
	}
	.pt10 {
		padding-top: 10px;
	}
	
	.flex{
		display: flex;
	}
	.flex1{
		flex:1
	}
	
	
	
	/*全局样式设置*/
	.el-dialog {
	  border-radius: 10px;
	}
	
	.el-dialog .el-dialog__header {
	  border-bottom: 1px solid #F5F2F0;
	  padding: 15px 15px;
	  border-radius: 10px 10px 0px 0px;
	}
	
	.el-dialog .el-dialog__body {
	  padding-top: 20px;
	}

	.fade-enter-active,
	.fade-leave-active {
		transition: opacity 0.3s;
		/* 定义过渡效果，持续时间0.5秒 */
	}

	.fade-enter,
	.fade-leave-to
	/* .fade-leave-active 在 <2.1.8 版本中使用 */
		{
		opacity: 0;
		/* 初始状态和结束状态的不透明度 */
	}
</style>